<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>乐山乐水，乐在十堰</title>
    <link rel="stylesheet" href="fontawesome-5.5/css/all.min.css" />
    <link rel="stylesheet" href="slick/slick.css">
    <link rel="stylesheet" href="slick/slick-theme.css">
    <link rel="stylesheet" href="magnific-popup/magnific-popup.css">
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/tooplate-infinite-loop.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">
    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=05uTleVqv541kfz8c9zG11Yom8qVRaQj"></script>
    <style>
        #map_container {
            overflow: hidden;
            width: 100%;
            height: 500px;
            margin: 2%;
            font-family: "微软雅黑";
        }
    </style>
    <!--
Tooplate 2117 Infinite Loop
https://www.tooplate.com/view/2117-infinite-loop
-->
    <?php
    header("Cache-Control: no-cache, must-revalidate");
    require("config.php");

    $DB = mysqli_connect($dbHost, $dbUserName, $dbPassword); //数据库端口的连接
    mysqli_select_db($DB, $dbName); //连接数据库
    mysqli_query($DB, "set name 'utf-8'"); //查询语句设置字符集
    $str = "select * from 景点";  //查询语句
    $result = mysqli_query($DB, $str);
    $arr = array();
    while ($row = mysqli_fetch_array($result)) {
        $arr[] = $row;
    }
    ?>
</head>

<body>
    <!-- Hero section -->
    <section id="infinite" class="text-white tm-font-big tm-parallax">
        <!-- Navigation -->
        <nav class="navbar navbar-expand-md tm-navbar" id="tmNav">
            <div class="container">
                <div class="tm-next">
                    <a href="#infinite" class="navbar-brand">乐山乐水，乐在十堰</a>
                </div>

                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="fas fa-bars navbar-toggler-icon"></i>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link tm-nav-link" href="#infinite">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link tm-nav-link" href="#whatwedo">介绍</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link tm-nav-link" href="#testimonials">美食</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link tm-nav-link" href="#gallery">出行</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link tm-nav-link" href="#contact">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div class="text-center tm-hero-text-container">
            <div class="tm-hero-text-container-inner">
                <h2 class="tm-hero-title">乐山乐水，乐在十堰</h2>
                <p class="tm-hero-subtitle">
                    我的家乡美
                    <br>by Julan
                </p>
            </div>
        </div>

        <div class="tm-next tm-intro-next">
            <a href="#whatwedo" class="text-center tm-down-arrow-link">
                <i class="fas fa-2x fa-arrow-down tm-down-arrow"></i>
            </a>
        </div>
    </section>

    <section id="whatwedo" class="tm-section-pad-top">

        <div class="container">

            <div class="row tm-content-box">
                <!-- first row -->
                <div class="col-lg-12 col-xl-12">
                    <div class="tm-intro-text-container">
                        <h2 class="tm-text-primary mb-4 tm-section-title">介绍</h2>
                        <p class="mb-4 tm-intro-text">
                            ​十堰市，是湖北省地级市，别称车城，中国卡车之都。“仙山、秀水、汽车城”三张名片驰名中外。 <a href="https://baike.baidu.com/item/%E5%8D%81%E5%A0%B0/209612">十堰_百度百科</a>.</p>
                        <p class="mb-4 tm-intro-text">十堰地处中国华中地区、湖北省西北部，汉江中上游，秦巴山区汉水谷地，北抵秦岭，南依巴山，汉江和武当山横贯全境，是鄂、豫、陕、渝毗邻地区唯一的区域性中心城市，鄂西生态文化旅游圈的核心城市，秦巴山区三大中心城市之首。 独特的地理位置，使十堰自古有“南跨荆襄、北枕商洛、东抚南阳、西掖汉中”之誉，并有“南船北马、川陕咽喉、四省通衢”之称。</p>
                    </div>
                </div>

            </div>
            <!-- first row -->

            <div class="row tm-content-box">
                <!-- second row -->
                <div class="col-lg-1">
                    <i class="far fa-3x bi-building text-center tm-icon"></i>
                </div>
                <div class="col-lg-5">
                    <div class="tm-intro-text-container">
                        <h2 class="tm-text-primary mb-4">行政区划</h2>
                        <p class="mb-4 tm-intro-text">
                            ​十堰市共辖8个县级行政区，包括3个市辖区、1个县级市、4个县，分别是茅箭区、张湾区、郧阳区、丹江口市、郧西县、竹山县、竹溪县、房县。十堰市人民政府驻茅箭区北京中路8号。</p>
                    </div>
                </div>

                <div class="col-lg-1">
                    <i class="far fa-3x bi-yin-yang text-center tm-icon"></i>
                </div>
                <div class="col-lg-5">
                    <div class="tm-intro-text-container">
                        <h2 class="tm-text-primary mb-4">人文风貌</h2>
                        <p class="mb-4 tm-intro-text">
                            十堰是5A级旅游胜地、世界文化遗产、天下第一仙山武当山所在地。十堰是南水北调中线工程源头丹江口水库所在地和核心水源区，是“北方的大水井”。十堰是“中国第一、世界前三”的商用车生产基地，拥有千亿级的制造业存量资产和年产100万辆汽车生产能力。十堰是东风的“延安”、现代制造业高地、近代民族工业摇篮，区位优势独特，医疗和高等教育资源富集。</p>
                    </div>
                </div>

            </div>
            <!-- second row -->

            <div class="row tm-content-box">
                <!-- third row -->
                <div class="col-lg-1">
                    <i class="fas fa-3x bi-cup-straw text-center tm-icon"></i>
                </div>
                <div class="col-lg-5">
                    <div class="tm-intro-text-container">
                        <h2 class="tm-text-primary mb-4">美食</h2>
                        <p class="mb-4 tm-intro-text">
                        <ul>
                            <li>竹溪蒸盆</li>
                            <li>丹江口翘嘴鲌鱼</li>
                            <li>三合汤</li>
                            <li>五香豆腐干</li>
                            <li>武当榔梅</li>
                            <li>郧阳酸浆面 等</li>
                        </ul>
                        </p>
                        <div class="tm-continue">
                            <a href="#testimonials" class="tm-intro-text tm-btn-primary">Learn More</a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-1">
                    <i class="fas fa-3x fa-users text-center tm-icon"></i>
                </div>
                <div class="col-lg-5">
                    <div class="tm-intro-text-container">
                        <h2 class="tm-text-primary mb-4">著名景点</h2>
                        <p class="mb-4 tm-intro-text">
                        <ul>
                            <li>武当山</li>
                            <li>丹江口沧浪海旅游区</li>
                            <li>九龙瀑风景区</li>
                            <li>五龙河</li>
                            <li>女娲山天池</li>
                            <li>上津古城 等</li>
                        </ul>
                        </p>

                        <div class="tm-continue">
                            <a href="#gallery" class="tm-intro-text tm-btn-primary">Details</a>
                        </div>
                    </div>
                </div>

            </div>
            <!-- third row -->

        </div>

    </section>

    <section id="testimonials" class="tm-section-pad-top tm-parallax-2">
        <div class="container tm-testimonials-content">
            <div class="row">
                <div class="col-lg-12 tm-content-box">
                    <h2 class="text-white text-center mb-4 tm-section-title">美食</h2>
                    <p class="mx-auto tm-section-desc text-center">
                        十堰是鄂、豫、陕、渝毗邻地区唯一的区域性中心城市，位于华中、西南、西北三大经济板块的结合部，川菜、鲁菜、湘菜、粤菜……它们在十堰都有很好的生存空间。虽然没有一个菜系叫“十堰”，但也有不少让市民提起来就垂涎欲滴的美食小吃，它们不仅滋润了十堰人的胃，也走出了十堰。<a href="https://www.xiangha.com/xiaochi/shiyanshi/">更多美食</a>
                    </p>
                    <div class="mx-auto tm-gallery-container tm-gallery-container-2">
                        <div class="tm-testimonials-carousel">
                            <figure class="tm-testimonial-item">
                                <img src="img/美食-竹溪蒸盆.jpg" alt="Image" class="img-fluid mx-auto">
                                <blockquote>竹溪蒸盆是竹溪民间美食文化的创新，它以独特的烹调方式，汇合了土鸡肉、猪蹄、香菇、蛋饺、土豆等各种原料，使它们在色香味上达到竹溪蒸盆高度融合，数百年来经久不衰!</blockquote>
                                <figcaption>竹溪蒸盆</figcaption>
                            </figure>

                            <figure class="tm-testimonial-item">
                                <img src="img/美食-翘嘴鲌鱼.jpg" alt="Image" class="img-fluid mx-auto">
                                <blockquote>翘嘴鲌(本地人也叫翘嘴白)是丹江口水库特有的一种鱼类，肉白而细嫩，味美而不腥，一直被视为上等名贵鱼类。</blockquote>
                                <figcaption>丹江口翘嘴鲌鱼</figcaption>
                            </figure>

                            <figure class="tm-testimonial-item">
                                <img src="img/美食-郧县三合汤.jpg" alt="Image" class="img-fluid mx-auto">
                                <blockquote>三合汤因其起源于同治年间的郧县而得名，至今已有100多年的历史。当地还流传几句顺口溜，“天下香客朝武当 必吃万历三合汤”，“郧阳万历三合汤， 一顿不吃想的慌!”</blockquote>
                                <figcaption>三合汤</figcaption>
                            </figure>

                            <figure class="tm-testimonial-item">
                                <img src="img/美食-郧阳酸浆面.jpg" alt="Image" class="img-fluid mx-auto">
                                <blockquote>酸浆面是湖北郧县的一种汉族风味小吃，深受当地人喜欢。特别是夏秋季节，酸浆面不凉不烫，酸香扑鼻，味美爽口，老幼皆宜。</blockquote>
                                <figcaption>郧县酸浆面</figcaption>
                            </figure>

                            <figure class="tm-testimonial-item">
                                <img src="img/美食-五香豆腐干.jpg" alt="Image" class="img-fluid mx-auto">
                                <blockquote>湖北省十堰市竹山县官渡五香豆腐干，是关渡镇胡宗全家的祖传手工艺风味食品。它具有独特风味，甘甜爽口，香味醇厚，无论零食佐酒，或入菜烹调，都是上品佳味。</blockquote>
                                <figcaption>五香豆腐干</figcaption>
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tm-bg-overlay"></div>
    </section>

    <section id="gallery" class="tm-section-pad-top">
        <div class="container tm-container-gallery">
            <div class="row">
                <div class="text-center col-12">
                    <h2 class="tm-text-primary tm-section-title mb-4">出行</h2>
                    <p class="mx-auto tm-section-desc">
                        十堰市是一个山城，是“中国优秀旅游城市”。拥有世界文化遗产、道教圣地武当山。武当山是山岳风景旅游胜地。有箭镞林立的72峰、绝壁深悬的36岩、激湍飞流的24涧、云腾雾蒸的11洞、玄妙奇特的10石9台等。
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="mx-auto tm-gallery-container">
                        <div class="grid tm-gallery">
                            <a href="img/景点/武当山 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/武当山-01.jpg" alt="Image 1" class="img-fluid ">
                                    <figcaption>
                                        <h2><i><span>武当山</span></i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                            <a href="img/景点/丹江口沧浪海 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/丹江口沧浪海-02.jpg" alt="Image 2" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>丹江口沧浪海旅游区</span></i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                            <a href="img/景点/九龙瀑 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/九龙瀑-03.jpg" alt="Image 3" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>九龙瀑风景区</span> </i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                            <a href="img/景点/五龙河 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/五龙河-04.jpg" alt="Image 4" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>五龙河</span></i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                            <a href="img/景点/女娲山 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/女娲山-05.jpg" alt="Image 5" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>女娲山</span></i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                            <a href="img/景点/上津古城 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/上津古城-06.jpg" alt="Image 6" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>上津古城</span></i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                            <a href="img/景点/桃花源 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/桃花源-07.jpg" alt="Image 7" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>武陵峡·桃花源景区</span></i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                            <a href="img/景点/野人谷 [原始大小].jpg">
                                <figure class="effect-honey tm-gallery-item">
                                    <img src="img/景点/野人谷-08.jpg" alt="Image 8" class="img-fluid">
                                    <figcaption>
                                        <h2><i><span>野人谷</span></i></h2>
                                    </figcaption>
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-center col-12">
                <h2 class="tm-text-primary tm-section-title mb-4">景点地图</h2>
            </div>
            <div id="map_container"></div>
        </div>
    </section>


    <!-- Contact -->
    <section id="contact" class="tm-section-pad-top tm-parallax-2">

        <div class="container tm-container-contact">

            <div class="row">

                <div class="text-center col-12">
                    <h2 class="tm-section-title mb-4">Contact Us</h2>
                    <p class="mb-5">
                        本站所用素材均仅作展示，如有侵权，立即删除。
                    </p><br>
                </div>

                <div class="col-sm-12 col-md-6">
                    <form action="" method="get">
                        <input id="name" name="name" type="text" placeholder="Your Name" class="tm-input" required />
                        <input id="email" name="email" type="email" placeholder="Your Email" class="tm-input" required />
                        <textarea id="message" name="message" rows="8" placeholder="Message" class="tm-input" required></textarea>
                        <button type="submit" class="btn tm-btn-submit">Submit</button>
                    </form>
                </div>

                <div class="col-sm-12 col-md-6">

                    <div class="contact-item">
                        <a rel="nofollow" href="https://www.tooplate.com/contact" class="item-link">
                            <i class="far fa-2x fa-comment mr-4"></i>
                            <span class="mb-0">Chat Online</span>
                        </a>
                    </div>

                    <div class="contact-item">
                        <a rel="nofollow" href="mailto:zszhujunlan@qq.com" class="item-link">
                            <i class="far fa-2x fa-envelope mr-4"></i>
                            <span class="mb-0">zszhujunlan@qq.com</span>
                        </a>
                    </div>

                    <div class="contact-item">
                        <a rel="nofollow" href="https://www.google.com/maps" class="item-link">
                            <i class="fas fa-2x fa-map-marker-alt mr-4"></i>
                            <span class="mb-0">江苏省徐州市中国矿业大学南湖校区</span>
                        </a>
                    </div>

                    <div class="contact-item">
                        <a rel="nofollow" href="tel:132xxxxxxxx" class="item-link">
                            <i class="fas fa-2x fa-phone-square mr-4"></i>
                            <span class="mb-0">132xxxxxxxx</span>
                        </a>
                    </div>

                    <div class="contact-item">&nbsp;</div>

                </div>


            </div>
            <!-- row ending -->

        </div>

        <footer class="text-center small tm-footer">
            <p class="mb-0">
                Copyright &copy; 2021 Company Name . <a rel="nofollow" href="https://www.tooplate.com" title="HTML templates">Designed by Julan</a></p>
        </footer>

    </section>

    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="slick/slick.min.js"></script>
    <script src="magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="js/easing.min.js"></script>
    <script src="js/jquery.singlePageNav.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
        function getOffSet() {
            var _offset = 450;
            var windowHeight = window.innerHeight;

            if (windowHeight > 500) {
                _offset = 400;
            }
            if (windowHeight > 680) {
                _offset = 300
            }
            if (windowHeight > 830) {
                _offset = 210;
            }

            return _offset;
        }

        function setParallaxPosition($doc, multiplier, $object) {
            var offset = getOffSet();
            var from_top = $doc.scrollTop(),
                bg_css = 'center ' + (multiplier * from_top - offset) + 'px';
            $object.css({
                "background-position": bg_css
            });
        }

        // Parallax function
        // Adapted based on https://codepen.io/roborich/pen/wpAsm        
        var background_image_parallax = function($object, multiplier, forceSet) {
            multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
            multiplier = 1 - multiplier;
            var $doc = $(document);
            // $object.css({"background-attatchment" : "fixed"});

            if (forceSet) {
                setParallaxPosition($doc, multiplier, $object);
            } else {
                $(window).scroll(function() {
                    setParallaxPosition($doc, multiplier, $object);
                });
            }
        };

        var background_image_parallax_2 = function($object, multiplier) {
            multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
            multiplier = 1 - multiplier;
            var $doc = $(document);
            $object.css({
                "background-attachment": "fixed"
            });

            $(window).scroll(function() {
                if ($(window).width() > 768) {
                    var firstTop = $object.offset().top,
                        pos = $(window).scrollTop(),
                        yPos = Math.round((multiplier * (firstTop - pos)) - 186);

                    var bg_css = 'center ' + yPos + 'px';

                    $object.css({
                        "background-position": bg_css
                    });
                } else {
                    $object.css({
                        "background-position": "center"
                    });
                }
            });
        };

        $(function() {
            // Hero Section - Background Parallax
            background_image_parallax($(".tm-parallax"), 0.30, false);
            background_image_parallax_2($("#contact"), 0.80);
            background_image_parallax_2($("#testimonials"), 0.80);

            // Handle window resize
            window.addEventListener('resize', function() {
                background_image_parallax($(".tm-parallax"), 0.30, true);
            }, true);

            // Detect window scroll and update navbar
            $(window).scroll(function(e) {
                if ($(document).scrollTop() > 120) {
                    $('.tm-navbar').addClass("scroll");
                } else {
                    $('.tm-navbar').removeClass("scroll");
                }
            });

            // Close mobile menu after click 
            $('#tmNav a').on('click', function() {
                $('.navbar-collapse').removeClass('show');
            })

            // Scroll to corresponding section with animation
            $('#tmNav').singlePageNav({
                'easing': 'easeInOutExpo',
                'speed': 600
            });

            // Add smooth scrolling to all links
            // https://www.w3schools.com/howto/howto_css_smooth_scroll.asp
            $("a").on('click', function(event) {
                if (this.hash !== "") {
                    event.preventDefault();
                    var hash = this.hash;

                    $('html, body').animate({
                        scrollTop: $(hash).offset().top
                    }, 600, 'easeInOutExpo', function() {
                        window.location.hash = hash;
                    });
                } // End if
            });

            // Pop up
            $('.tm-gallery').magnificPopup({
                delegate: 'a',
                type: 'image',
                gallery: {
                    enabled: true
                }
            });

            $('.tm-testimonials-carousel').slick({
                dots: true,
                prevArrow: false,
                nextArrow: false,
                infinite: false,
                slidesToShow: 3,
                slidesToScroll: 1,
                responsive: [{
                    breakpoint: 992,
                    settings: {
                        slidesToShow: 2
                    }
                }, {
                    breakpoint: 768,
                    settings: {
                        slidesToShow: 2
                    }
                }, {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1
                    }
                }]
            });

            // Gallery
            $('.tm-gallery').slick({
                dots: true,
                infinite: false,
                slidesToShow: 5,
                slidesToScroll: 2,
                responsive: [{
                    breakpoint: 1199,
                    settings: {
                        slidesToShow: 4,
                        slidesToScroll: 2
                    }
                }, {
                    breakpoint: 991,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 2
                    }
                }, {
                    breakpoint: 767,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1
                    }
                }, {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }]
            });
        });
    </script>
</body>

</html>

<script>
    var map = new BMapGL.Map('map_container'); // 创建Map实例
    map.centerAndZoom(new BMapGL.Point(110.78, 32.65), 9); // 初始化地图,设置中心点坐标和地图级别


    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放

    // 控件位置参数
    var opts1 = {
        offset: new BMapGL.Size(10, 0),
        anchor: BMAP_ANCHOR_TOP_LEFT
    }
    var zoomCtrl = new BMapGL.ZoomControl(opts1); // 添加缩放控件
    map.addControl(zoomCtrl);
    map.addControl(new BMapGL.MapTypeControl()); // 添加地图类型控件
    var scaleCtrl = new BMapGL.ScaleControl(); // 添加比例尺控件
    map.addControl(scaleCtrl);

    //对应不同的Marker创建不同的InfoWindow
    function createInfoWindow(title, sContent, markername) {
        var infoWindow = new BMapGL.InfoWindow(sContent);
        infoWindow.setTitle("<label style=\"font-size: 20px;font-weight: bold;color: #CD533F;font-family: 'microsoft yahei';\">" + title + "</label>")
        // marker添加点击事件
        markername.addEventListener('click', function() {
            this.openInfoWindow(infoWindow);
        });
    }

    <?php foreach ($arr as $key => $value) { ?>

        // 创建添加点标记
        var point = new BMapGL.Point(<?php echo $value['Longitude']; ?>, <?php echo $value['Latitude']; ?>);
        var marker = new BMapGL.Marker(point);
        // 在地图上添加点标记
        map.addOverlay(marker);
        // 创建图文信息窗口
        var sContent = "<img style='float:right;margin:4px' id='imgDemo' src='" 
        + '<?php echo $value['image_path']; ?>' + "' width='139' height='104' alt='" +
            '<?php echo $value['attraction_name']; ?>' + "'/><p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>" + 
            '<?php echo $value['Introduction']; ?>' +"<a href='detail.php?id=<?php echo $value['id'];?>'>更多</a>"+ "</p></div>";
var name = '<?php echo $value['attraction_name']; ?>'

        createInfoWindow(name, sContent, marker);
    <?php } ?>
</script>